<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <meta charset="utf-8" /> 
  <title></title> 
  <link rel="shortcut icon" href="favicon.ico" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/style.css" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/anythingslider.css" /> 
  <link rel="stylesheet" href="/resources/front/template/nbo/css/colorbox.css" /> 
  <style>
.topedit {background:#555; padding:10px 20px; color:#888; text-align:right;}
.topedit a {color:#ddd; margin:0 10px;}
.topedit a:hover {text-decoration:underline;}
.slider .wrap {display:block;}
.slider .boxB .desc {display:block;}
.slider .boxB {height:auto;}
  </style>
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 
  <script type="text/javascript" src="/resources/front/template/nbo/js/jquery-1.7.2.min.js"></script> 
  <script type="text/javascript" src="/resources/front/template/nbo/js/superfish.js"></script> 
  <script src="/ckeditor/ckeditor.js"></script>
  <script type="text/javascript" src="/ckfinder/ckfinder.js"></script>
 <#assign ctx="${springMacroRequestContext.contextPath}">
   <script type="text/javascript" src="/resources/front/template/nbo/js/jquery.anythingslider.min.js"></script> 
  <meta name="description" content="" />
  <meta name="title" content="" />
  <meta name="keywords" content="" />
 </head> 
 <body> 
 	
 <div class="topedit">
	<a href="#" class="fl dashboard">« Back to Dash Borad</a> | <a href="#" class="forsubmit">Submit</a> | <a href="#" class="go-back" >Cancel</a>
</div>
  <header>
   <h1> <a href="/index.html" class="logo"> <img src="/resources/front/template/nbo/images/logo-nbogroup.png" alt="NBOGroup" title="NBOGroup" /> </a> </h1> 
   <!--end logo--> 
   <div class="search"> 
    <input type="text" name="" /> 
    <input type="submit" name="" class="ico icoSearch" value="" /> 
   </div> 
   <!--end search--> 
<div class="lang">
        <div class="prompt">Language:</div>
        <div class="sel" "><p id="selected-Lg">English</p> <div class="ico icoLang"></div></div>
        <ul style="display:none;">
            <li><a href="#"  class="language" lg="en">English (US)</a></li>
            <li><a href="#" class="language" lg="zh_tw">Traditional Chinese</a></li>
            <li><a href="#"class="language" lg="zh_cn">Simplified Chinese</a></li>
            <li><a href="#" class="language" lg="ta">Tamil</a></li>
            <li><a href="#" class="language" lg="hi">Hindi</a></li>
            <li><a href="#" class="language" lg="ko">Korean</a></li>
            <li><a href="#" class="language" lg="ja">Japanese</a></li>
            <li><a href="#" class="language" lg="ms">Bahasa Malay</a></li>
            <li><a href="#" class="language" lg="id">Bahasa Indonesia</a></li>
            <li><a href="#" class="language" lg="th">Thai</a></li>
            <li><a href="#" class="language" lg="de">German</a></li>
            <li><a href="#" class="language" lg="fr">French</a></li>
            <li><a href="#" class="language" lg="dut">Dutch</a></li>
            <li><a href="#" class="language" lg="ru">Russian</a></li>
            <li><a href="#" class="language" lg="es">Spanish</a></li>
            <li><a href="#" class="language" lg="it">Italian</a></li>
            <li><a href="#" class="language" lg="ara">Arabic</a></li>
        </ul>
    </div>
   <nav> 
    <ul class="secNav"> 
     <li class="sel"><a href="/blog.html">Blog</a></li> 
     <li><a href="/gallery.html">Gallery</a></li> 
     <li><a href="/contact.html">Contact Us</a></li> 
     
     
    </ul> 
	    <ul class="mainNav"> 
	<@menu gname="header" ;menus>
	<#list menus as menu>
	 <li><a href="/${menu.channel.path}">${menu.name}</a> 
	  <ul> 
	 	<#list menu.children as  sm>
	 		 <li><a href="/${sm.channel.path}">${sm.name}</a> </li>
	 	</#list>
	 	</ul>
	</#list>
    
    </ul> 
   </nav> 
   <!--end nav--> 
  </header> 
  <!-- end header --> 

 <div class="main"> 
 <div class="banner"> 
  <img src="/resources/front/template/nbo/images/banner-resource.jpg" alt="Articles" /> 
  <h1>Resources</h1> 
 </div> 
 <div class="left"> 
  <ul> 
   <li><a href="/resource-brochures.html">Brochures</a></li> 
   <li><a class="sel" href="/resource-articles.html">Articles</a></li> 
   <li><a href="/resource-whitepapers.html">Whitepapers</a></li> 
   <li><a href="/resource-videos.html">Videos</a></li> 
  </ul> 
 </div> 
 <!-- end left --> 
 <article class="middle"> 
  <div contenteditable="true">
  <h2 id="article_title">${article.title!'Article title'}</h2> 
  </div>
  
  <div contenteditable="true">
   	<#if article.content?has_content>
    	${article.content}
	<#else>  	
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur posuere felis sit amet libero pulvinar imperdiet. Aliquam convallis nisi sed tortor tempor eget venenatis sapien sodales. Sed consectetur gravida ligula. Nunc risus elit, faucibus quis egestas a, fermentum aliquam justo. Vestibulum nec tellus in risus placerat interdum. Sed pellentesque venenatis neque, a eleifend nunc pellentesque semper. Integer dictum pellentesque arcu, sed dapibus purus convallis id. Phasellus id ultrices sapien. Proin vel vulputate dolor. Aenean vulputate ultricies laoreet. Nulla egestas neque vel eros volutpat sit amet adipiscing dui venenatis. Vestibulum nec odio vel turpis interdum auctor.</p> 
  <p>Curabitur at augue sit amet nulla vestibulum scelerisque non at turpis. Vivamus tristique fringilla mi, vel vestibulum neque accumsan id. Donec est elit, vehicula eget aliquam sed, euismod nec ipsum. Morbi sagittis diam sed nunc dictum varius. Nunc vulputate aliquet urna, consequat pharetra erat tincidunt sit amet. Cras eleifend vulputate nulla in auctor.</p> 
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur posuere felis sit amet libero pulvinar imperdiet. Aliquam convallis nisi sed tortor tempor eget venenatis sapien sodales. Sed consectetur gravida ligula. Nunc risus elit, faucibus quis egestas a, fermentum aliquam justo. Vestibulum nec tellus in risus placerat interdum. Sed pellentesque venenatis neque, a eleifend nunc pellentesque semper. Integer dictum pellentesque arcu.</p> 
  </#if>
   </div>
  <p class="more"><a href="/resource-articles.html">More Articles &raquo;</a></p> 
 </article> 
 <!-- end middle --> 
 <div class="right"> 
  <div class="box"> 
   <a href="#nogo" class="more">Brochure downloads &raquo;</a> 
  </div> 
  <div class="box"> 
   <a href="/client-case.html" class="more">Case Studies / Testimonials &raquo;</a> 
  </div> 
  <div class="box"> 
   <a href="/contact.html" class="more">Talk to An NBO Consultant Today &raquo;</a> 
  </div> 
 </div> 
 <!-- end right --> 
</div>
 
 
 
 
  <div class="clear"></div> 
  <footer contenteditable="false"> 
  
  <#list menus as menu>
   <div class="ftLinks"> 
    <h3>${menu.name}</h3> 
	  <ul> 
	 	<#list menu.children as  sm>
	 		 <li><a href="/${sm.channel.path}">${sm.name}</a></li> 
	 	</#list>
	 	</ul>
 	</div>
	</#list>
   <div class="ftLinks last"> 
    <ul> 
     <li><a href="/resource.html">Resources</a></li> 
     <li><a href="/blog.html">Blog</a></li> 
     <li><a href="/gallery.html">Gallery</a></li> 
     <li><a href="/contact.html">Contact Us</a></li> 
    </ul> 
   </div> 
   <div class="ftR"> 
    <div class="maillist"> 
     <label>Join our mailing list!</label> 
     <input type="text" name="" /> 
     <input type="submit" name="" value="" class="ico icoMail" /> 
    </div> 
    <div class="sn">
      Connect with us on 
     <a href="#"><i class="ico icoLinkedIn"></i></a> 
    </div> 
   </div> 
   <div class="copyright"> 
    <div class="designby">
     Designed by 
     <a href="http://www.24k.com.sg/" target="_blank" title="24K Design Studio">24K Design Studio</a>
    </div> Copyright &copy; 2013 NBOGroup Pte Ltd. All rights reserved. 
   </div> 
  </footer> 
 </@menu>
  
  <!-- end footer --> 
  <script src="/resources/ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
  <script type="text/javascript">
  
  
  		 $('a').click(function(event){
  		 
		 event.preventDefault();
		  }); 	
		  $('.icoLang').click(function(){
			$(".lang").children("ul").toggle();
			$(".icoLang").toggleClass("active");
		});
  
  
  		CKEDITOR.on( 'instanceReady', function( evt ) {
			var editor = evt.editor;
			
			// Apply focus class name.
			editor.on( 'focus', function() {
				editor.container.addClass( 'cke_focused' );
			});
			editor.on( 'blur', function() {
				editor.container.removeClass( 'cke_focused' );
			});

			// Put startup focus on the first editor in tab order.
			if ( editor.tabIndex == 1 ){
				editor.focus();
			}
			CKFinder.setupCKEditor( editor, { basePath : '/ckfinder/', skin : 'v1' } ) ;
			
		});


   
 
  	$('.dashboard').click(function(event){
  	 window.location = "/admin/dashboard/";
  	
  	});
  	$('.go-back').click(function(event){
	  	window.history.back();
  	
  	});
  
  var articleId ;
  	
  
  	$('.forsubmit').click(function(event){
  		  var ckvalue2 = CKEDITOR.instances.editor2.getData();
		  var submit ={
			type : "POST",
			dataType : "json",
			data  : {title: $('#article_title').text(), content : ckvalue2},
			success : function(data){		
				if(data && data.state && (data.state.indexOf("ERROR") != -1)){
					return;	
				}else{
				if (data.entity){
			       articleId =data.entity
			      }
					alert("update successfully");				 	
				}
			  }
		    };  	 
		    
		    if (articleId){
   	    submit.url = '/article/'+articleId+'/edit/';
   	   }	
		$.ajax(submit);	
 
  	});

</script> 


 

  <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> 
  <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-12910567-3"); pageTracker._trackPageview(); } catch(err) { }</script> 
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
 </body>
</html>

